body,h1,h2,h3,h4,h5,h6,div,ul,li,ol,dl,dt,dd,td,p,pre, form, fieldset, input, textarea, blockquote, th, button,em,select{ padding:0; margin:0;}
img,border,select,li{border:none; vertical-align:top;}
ul,dl,li{ list-style:none;}
body{margin: 0 auto;padding: 0px;font-size: 12px;line-height: 22px;width: 100%; color: #222222;
font-size: 12px;
font-family:"Microsoft YaHei";
font:12px/22px "Microsoft YaHei"
}
.clear{ clear:both}

.n_header{
    top: 35px;
    left: 0;
    right: 0;
    z-index: 51;
    background: #ffffff;
	padding-top: 5px;
padding-bottom: 5px;
}
.n_header .header01 .logo{
    float: left;
    position: relative;
    width:35%;
    height: 80px;
    margin:0;
}
.n_header .header01 .logo img{ max-width:100%}
.n_header .header01 .logo a{
    text-indent: -9999px;
    display: inline-block;
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
    background-position:left center;
    position: absolute;
    bottom: 0;
    left: 0;
}
.n_header .header01 .nav{
	width:65%;
    float: left;
    margin: 22px 7% 16px;
	margin-top: 13px;
}
.n_header .header01 .nav> ul{
    float: left;
    transition:all 0.5s ease-in-out;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    margin-bottom: 0; margin-left:2%
}
.n_header .header01 .nav>ul li{
    float: left;
    /*text-align: center;*/
    position: relative;
	padding-left:26px; 
	padding-right:26px;
}
.n_header .header01 .nav>ul li a{
    color: #222222;
    line-height: 49px;
    display: inline-block;
    font-size: 16px;
    position: relative;height: 49px;
	text-align:center;
	
}
.n_header .header01 .nav > ul li a.on{ border-bottom:3px solid #0044a5}
.n_header .header01 .nav>ul li a:hover,
.n_header .header01 .nav>ul li .active{
    color: #0044a5;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.n_header .header01 .nav > ul > li > a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #0044a5;
    height: 3px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.n_header .header01 .nav>ul li .active:before,
.n_header .header01 .nav>ul li a:focus:before,
.n_header .header01 .nav>ul li a:hover:before {
    left: 0;
    right: 0;
}

.nav_language {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    float: right;
}
.nav_language li {
    float: left;
    width: 79px;
    border-left: 1px solid rgba(170,170,170,.2);
    text-align: center;
}
.nav_language li a {
    width: 100%;
    color: #555555;
    line-height: 88px;
    height: 88px;
    display: block;
}
.nav_language li i {
    width: 42px;
    height: 88px;
    display: inline-block;
}
.nav_language li span {
    height: 18px;
    display: inline-block;
}
.nav_language li.yuyan i {
    background: url(../images/language1.png) no-repeat left center;
    text-align: right;
}
.nav_language li.search i {
    background: url(../images/search1.png) no-repeat center center;
    text-align: center;
}
.nav_language li a:hover {
    background: #0044a5;
    color: #fff;
}
.nav_language li:hover.yuyan i {
    background: url(../images/language.png) no-repeat left center;
}
.nav_language li:hover.search i {
    background: url(../images/search.png) no-repeat center center;
}
.top{ line-height:50px; height:50px;top:0;width:100%;z-index:99999; background:#292929;border-bottom:1px solid #dddddd; border:none}
.top1{width:94%; margin:0 auto; position:relative}
.top1_1{ line-height:50px;}
.top_tel{background: url(../images/top_tel.png) no-repeat left center; line-height:50px; color:#ffffff; text-indent:25px; font-size:20px;
font-weight:600;
padding-left: 30px;
}
.header_right a.map{vertical-align: middle;
background: url(../images/map.png) no-repeat center left;
padding-left:20px;
display: inline-block;}
.header_right a.contact{background: url(../images/contact.png) no-repeat center left;
padding-left:18px; vertical-align:middle}
.head_l{width:auto; max-width:70%; float:left; color:#ffffff; font-size:18px; font-weight:bold}
.header_right{width:auto; max-width:40%; float:right; position:absolute; right:0px; z-index:999999}
.header_right a{ padding-left:5px; padding-right:5px; color:#ffffff; line-height:40px;font-size: 13px;}
header {
    position: relative;
    z-index: 999998;
}
.n_header .header01 .nav>ul .nav_er{
    width:120%;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    margin-top: 1px;
	z-index:99999;
}

.n_header .header01 .nav > ul .nav_er .div_dl{
    background: #ffffff;
    overflow: hidden;
    padding: 18px 0;
}
/*.n_header .header01 .nav > ul .nav_er .div_dl li {*/
    /*display: inline-block;*/
    /*float: inherit !important;*/
    /*margin-left: 0px;*/
/*}*/

.header03{display: none;}

.nav_er-img {
    display: block;
    width: 21.6%;
    height: 173px;
    overflow: hidden;
    float: left;
}
.nav_er_list {
    padding: 0 5%;
}
.n_header .header01 .nav > ul li .nav_er_list li {
    width: 100%;
    float: left;
    margin-left: 0 !important;
	padding:0;
}
.n_header .header01 .nav > ul li .nav_er_list li:hover{ background:#f5fce8}
.nav_er_list li:nth-child(2n) {
    float: right !important;
}
.n_header .header01 .nav > ul li .nav_er_list li a {
    font-size: 14px !important;
    display: block !important;
    height: 35px;
    line-height: 35px !important;
    text-align:center;
    color: #444444;
}
.n_header .header01 .nav > ul li .nav_er_list li a:hover{color: #0044a5;}

.nav_er_list li:hover a {
    color: #0044a5 !important;
}
.nav_box {
    padding: 0 0 0 3.91667%;
    width: 38%;
    min-height: 168px;
    color: #666;
    position: relative;
    float: left;
    border-left: 1px solid #e5e5e5;
}
.nav_box p {
    text-indent: 2em;
    font-size: 14px;
    line-height: 30px;
    color: #777777;
}
.n_header .header01 .nav > ul li .div_dl li{ float:none}
.n_header .header01 .nav > ul li .div_dl li a{ line-height:33px;height:33px; font-size:15px;}
@keyframes fadeInUp{
    0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
    100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
@keyframes fadeInDown{
    0%{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
    100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}

.foot-up {
    background: #252525;
    padding: 66px 0 60px;
}
.foot-down {
    line-height: 58px;
    background: #1c1c1c;
    text-align: center;
}
.foot-down P {
    font-size: 12px;
    color: #fff;
}
.foot-down p i {
    color: #bbbbbb;
}
.Fcon {
    float: left;
    margin: 30px 0 0;
}
.Fticker {
    line-height: 16px;
    color: #cccccc;
    margin: 10px 0 0;
}
.Fshare {
    margin: 25px 0 0;
}
.Fshare a {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 0px;
    text-align: center;
    border-radius: 100%;
    margin: 0 14px 0 0;
}
.Fsplit {
    display: block;
    width: 1px;
    height: 250px;
    background: #515151;
    float: left;
    margin: 0 4% 0;
}
.Fsplit.Fs2 {
    margin: 0 4% 0 0;
}
.Fnav {
    width: 12.2%;
    float: left;
}
.Fnav dt {
    font-weight: initial;
}
.Fnav dt .type, .Fct dt {
    line-height: 31px;
    font-size: 15px;
}
.Fnav dt .type a {
    font-size: 16px;
    color: #fff;
}
.Fnav dt .split {
    display: block;
    width: 16px;
    height: 1px;
    background: #fff;
    margin: 5px 0 12px 2px;
}
.Fnav dd {
    display: block !important;
}
.Fnav dd a {
    font-size: 14px;
    color: #cccccc;
    display: block;
    line-height: 30px;
}
.Fct .tel a {
    line-height: 28px;
    font-size: 24px;
    color: #fff;
}
.Fct .wx-code,.Fct .applet-code{
    display: inline-block;
    text-align: center;
    margin: 14px 0 0;
}
.Fct .applet-code img,.Fct .wx-code img{
    width: 104px;
    height: 104px;
}
.Fct .wx-code .t , .Fct .applet-code .t{
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    margin: 5px 0 0;
}
.Fct dt a {
    font-size: 16px;
    color: #fff;
}

.home-title {
    font-size: 32px;
    color: #333333;
    position: relative;
    text-align: center;
    /*font-weight: bold;*/
    padding-bottom: 16px;
    margin: 72px 0 38px;
}
.home-title:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -26px;
    bottom: 0;
    width: 52px;
    height: 5px;
    border-top: 5px solid #0044a5;
}

/*banner*/
.banner_nei {
    position: relative;
    margin: 0 auto;
        margin-top: 0px;
    height: 100%;
    width: 100%;
}
.banner_nei_center {
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}
.banner_nei_center .bg {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
}
.banner_nei_center img {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner_nei_center .txt {
    margin-top: -15%;
}
.banner_nei_center .txt {
    position: absolute;
    left: 40%;
}
.banner_nei_center .txt h1 {
    padding: 0;
    color: #fff;
    font-size: 42px;
    font-style: normal;
    line-height: 85px;
    margin-bottom: 0px;
    margin-top: 0px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    text-align: left;
    width: 100%;
    text-shadow: 1px 1px 1px #333;
	text-align:center;
}
.banner_nei_center .txt p {
    width: 100%;
    margin: 0px auto;
        margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    padding: 0;
    color: #fff;
    font-size: 28px;
    line-height: 35px;
    font-weight: 300;
    margin-bottom: 10px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    text-align: left;
    text-shadow: 1px 1px 1px #333;
	text-align:center;
}
.abtn {

    position: relative;
    display: block;
    margin: 0 auto;
    width: 66px;
    height: 66px;
    left: 0;
    right: 0;
    z-index: 1000;
      color: #fff;
    text-align: center;
    line-height: 66px;
    border-radius: 66px;
    top: -80px;

}
.abtn span {
font-family: "iconfont" !important;
font-style: normal;
    font-size: 3.2rem;
    color: #fff;
    display: block;
}
.abtn span{
	background: url(../images//mdown.png) no-repeat center center; width: 42px; height: 66px;
-webkit-animation: bounce-up 2s linear infinite;
animation: bounce-up 2s linear infinite;
margin:0 auto;
}
@-webkit-keyframes bounce-up {
         25% {-webkit-transform: translateY(10px);}
        50%, 100% {-webkit-transform: translateY(0);}
         75%{-webkit-transform: translateY(-10px);}
}

@keyframes bounce-up {
         25% {transform: translateY(10px);}
         50%, 100%{transform: translateY(0);}
         75%{transform: translateY(-10px);}
}
.search-send {
    position: absolute;
    z-index: 2;
    background-color: #222;
    right: -34%;
    top: 0;
    width: 380px;
    height: 100%;
    transition: right .3s;
}
.search-send.on {
    right: 0;
}
.carousel-more {
    width: 178px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 19px;
    color: #fff;
    display: block;
    text-align: center;
}

.search-send .close {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/search_close.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -9px;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: transform .3s ease 0s;
}
.search-send .close:hover {
    transform: rotateZ(90deg);
    transition: transform .3s ease 0s;
}
.search-send form {
    width: 100%;
    height: 100%;
}
.search-send .text {
    border: 0;
    font-size: 18px;
    height: 100%;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    color: #555;
    background: 0;
    padding: 0 5% 0 13%;
    outline: 0;
}
.search-send .submit {
    cursor: pointer;
    border: 0;
    background: url(../images/search.png) no-repeat center;
    background-color: #0044a5;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
    height: 100%;
    outline: 0;
}
@media screen and (max-width: 1645px) {
    .n_header .header01 .nav{
        float: left;
        margin: 22px 0 16px;
    }
}
@media screen and (max-width: 1609px) {
    .n_header .header01 .nav{
        float: left;
        margin: 22px 0 16px;
    }
}
@media screen and (max-width: 1543px) {
    .n_header .header01 .nav{
        float: left;
        margin: 22px 0 16px;
    }
}
@media screen and (max-width: 1510px) {
    .n_header .header01 .nav{
        float: left;
        margin: 22px 0 16px;
    }
}
@media screen and (max-width: 1480px) {
    .n_header .header01 .nav{
        float: left;
        margin: 22px 0 16px;
    }
}
.main{width:100%;}
.main_center{margin:0 auto}
.notice_content{width:94%; margin:0 auto}
.notice_left span{ font-size:18px; color:#181818; font-weight:bold; padding-right:15px;}
.notice_left .hot_text a{ color:#282828; font-weight:normal; padding-right:5px; border-right:1px solid #383838; font-size:16px;}
.form-control{width:79%; line-height:60px; float:left}
.search_btn{ background:#0044a5;width:20%; float:right;margin-top: 10px; border:none; line-height:45px;; font-size:16px; color:#fff}

/*about_us*/
.about_us{width:100%; padding-bottom:30px; background:#f5f5f5; padding-top:2%; padding-bottom:2%}
.about_us_content{width:94%; margin:0 auto;}
.company_more{
margin-top: 10px;
transition: all 0.6s;
display: block;
width: 147px;
height: 45px;
line-height:45px;
text-align: center;
border-radius: 25px;
color: #fff;
font-size: 18px;
background-image: -moz-linear-gradient( -28deg, rgb(2,100,130) 0%, rgb(2,109,142) 72%, rgb(2,135,175) 100%);
background-image: -webkit-linear-gradient( -28deg, rgb(2,100,130) 0%, rgb(2,109,142) 72%, rgb(2,135,175) 100%);
background-image: -ms-linear-gradient( -28deg, rgb(2,100,130) 0%, rgb(2,109,142) 72%, rgb(2,135,175) 100%);
box-shadow: 2.046px 2.194px 9.8px 0.2px rgba(16, 45, 155, 0.35);
margin-bottom:20px;
margin-top:10px;
}
.about_us_title h3 span{ font-size: 36px;
display: block;
height: 40px;
line-height: 40px;
width: 100%;
overflow: hidden;
letter-spacing: 3px; text-align:center; margin-bottom:10px;
margin-top: 20px;color:#111111}
.about_us_title h3{ margin-bottom:20px;margin-top:20px}
.title em {
    width:90px;
    height: 3px;
    background: #0044a5;
    margin: auto;
    display: block;
	margin:0 auto;
	text-align:center;
}
.cases_title em{background: #ffffff;}
.line_ly{height:2px; background:#0044a5; width:15%; margin:0 auto}
.about_us_title p{width:80%; margin:0 auto;font-size: 16px;
color: #333333;

line-height: 30px; text-align:center}
.about_bottom {
    clear: both;
    height: auto;
    overflow: hidden;
    background:#ffffff;
        background-size: auto;
    background-size: cover;
    padding: 1% 0 2% 0;
}

.about_bottom li {
    float: left;
    width: 25%;
    height: auto;
    overflow: hidden;
    text-align: center;
	position:relative;
}
.about_bottom li::before {

    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 91px;
    border-right: 1px solid #c5c5c5;

}
li {
    list-style: none;
    text-decoration: none;
}
.about_bottom li span {
font-family: Arial;
font-size: 36px;
font-weight: bold;
color: #d60009;
display: block;
margin: 16px 0 13px;
}
.about_bottom li i {
    display: block;
    font-size: 16px;
color: #333;
}
.about_bottom li em{
    font-size: 30px;
    color: #fff;
    font-family: Arial;
	font-style: normal;
}
.about_bottom li .icon1{
    background-position: 0 0;
}
.about_bottom li .icon2{
    background-position: 0 0;
}
.about_bottom li .icon3{
    background-position: 0 0;
}
.about_bottom li .icon4{
    background-position: 0 0;
}
.cut{ background:url(../images/about_icon.jpg) no-repeat bottom center;background: #f5f5f5;}
.about_top {
    clear: both;
    height: auto;
    overflow: hidden;
    background-size: auto;
    background-size: cover;
    padding: 0 0 3% 0;
	width: 94%;
    margin: 0 auto;
}

.about_top li {
    float: left;
    width: 25%;
    height: auto;
    overflow: hidden;
    text-align: center;
	position:relative;
}
.about_top li::before {

    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 91px;

}
li {
    list-style: none;
    text-decoration: none;
}
.about_top li span {
font-family:impact;
font-size: 50px;
color: #f2f2f2;
margin: 16px 0 13px;
display: inline-block;
color: #195dbe;
}
.about_top li i {
    display: block;
    font-size: 16px;
color: #f5f5f5;
color: #383838;
}
.about_top li em{
    font-size: 30px;
    color: #292828;
    font-family: Arial;
	font-style: normal;
    color: #181818;
}
.about_top li .icon1{
    background-position: 0 0;
}
.about_top li .icon2{
    background-position: 0 0;
}
.about_top li .icon3{
    background-position: 0 0;
}
.about_top li .icon4{
    background-position: 0 0;
}

.about_us_list img:hover{cursor: pointer;
-webkit-transform: scale(1.2);transform: scale(1.2);
overflow:hidden}
.about_us_list img{-webkit-transition: all 3s;transition: all 3s;}
.about_us_list{width:94%; margin:0 auto}
.about_us_left{width:60%; float:left; position:relative; margin-right:2%; }
.about_us_left .jianjie{ position:absolute; z-index:9999; top:0;padding: 30px 25px; color:#fff; line-height:25px; font-size:14px; background:url(../images/hbg.png) repeat left center; background:none}
.about_us_left .jianjie h3{ font-size: 24px;
font-weight: bold;
padding-bottom: 15px; }
.about_us_left:hover .about_us_left img{width:110%; }
.about_us_left img{max-width:100%}
.about_us_left .jianjie p{ color:#fff;}
.about_us_left_content{width:100%; overflow:hidden}
.about_us_right{width:38%; float:right; position:relative}
.about_title a{margin-bottom:15px;
display: block;
width: 200px;
height: 40px;
background:#0044a5;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 22px;}
.company_title{font-size: 30px;color: #292828; line-height:50px; margin-bottom:5px;font-weight: bold;}
.company_title b{display: inline-block;
margin: 0 10px;
color: #0044a5;font-size: 60px;
line-height: 40px;}
.company_shuo{font-size: 18px;color: #1f2d30;
font-weight: 400;
margin-top:2%; margin-bottom:2%}
.company_txt{ line-height:30px; font-size:16px; color:#666666}
.company_txt .more{ color:#0044a5}
.about_us_right img{ max-width:100%;	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.about_us_right img:hover{
 	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5; box-shadow:2px 2px 8px #585858}
.about_us_right1{ position:relative; margin-bottom:1.2%;width:100%}
.about_us_right1 .jianjie{width:100%; height:100%}
.about_us_right .jianjie p{ color:#fff;}
.about_us_right1 .jianjie{ position:absolute; z-index:9999; top:0;padding: 30px 25px; color:#fff; line-height:25px; font-size:14px; background:url(../images/hbg.png) repeat left center; }
.about_us_right1 .jianjie h3{ font-size: 32px;
font-weight: bold;
padding-bottom: 15px;}
.about_us_right2{ position:relative; margin-bottom:1.2%;width:100%; overflow:hidden}
.about_us_right2 .jianjie{width:200px; height:200px; left:30%; top:5%; background:url(../images/gre.png) repeat left center; border-radius:100px;}
.about_us_right2 .jianjie1:hover{opacity: 0;
transform: scale(0.87);
-webkit-transform: scale(0.87);
-moz-transform: scale(0.87);transition: 850ms 1850ms;width:100%;height:100%; left:0; top:0;background:url(../images/gre.png) repeat left center; border-radius:0;}
.about_us_right2 .jianjie{ position:absolute; z-index:9999; top:0;padding: 30px 25px; color:#fff; line-height:25px; font-size:14px;top:5%}

.about_us_right2 .jianjie h3{ font-size: 20px;
font-weight: bold;color:#fff;text-align:center;}
.about_us_right2 .jianjie p{ color:#fff; text-align:center}
.us_line{height:2px; background:#fff;}
.about_item  li {
    float: left;
    margin-right: 105px;
    position: relative;
    margin-top:15px; margin-bottom:25px;
}
.about_item  li em {
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto;
    overflow: hidden;
}
.about_item  li em img {
    display: block;
    width: 46px;
    height: 46px;
    transition: all 0.3s;
}
.about_item  li span{display: block;
font-size: 16px;
line-height: 16px;
color: #333333;
margin-top: 10px;
text-align: center;}
.about_item  li:hover em img:nth-child(1) {margin-top:-46px;}
.about_item  li:hover span{color: #0044a5; }
.about_item  li:last-child{ margin-right: 0;}
.company_l{ display:inline-block; float:left;background: url(../images/phone.png) no-repeat left 50%;    padding-left: 65px;}
.company_list{
    min-height: 55px;
    font-size: 20px;
    line-height: 26px;
    color: #0044a5;
}
.company_i {
    font-size: 28px;
    font-weight: bolder;
}
.company_r{
    margin-left: 25px;
    padding-top: 3px;
	 float:left;
	 margin-left:65px;
	 padding-top: 8px;
}
.company_r a {
    display: block;
    width: 152px;
    height: 44px;
    background: url(../images/i_online_icon.png) no-repeat 30px 50% #0044a5;
    color: #fff;
    line-height: 44px;
    font-size: 16px;
    text-indent: 56px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.company{ padding-top:15PX;}
/*products*/
.product_case{ padding-top:2%; padding-bottom:2%}
.product_case_content{width:94%; margin:0 auto; }
.product_title h3{ font-size:36px;
font-weight: bold; color:#292828; text-align:center; line-height:50px; letter-spacing:2px; margin:0; padding:0}
.product_title b {
    display: inline-block;
    margin: 0 10px;
    color: #0044a5;
    font-size: 60px;
    line-height: 40px;
}
.line_ly{height:2px; background:#0044a5; width:15%; margin:0 auto}
.product_title p{margin:0 auto;font-size: 16px;
color: #333333;
line-height: 30px; text-align:center}
.product_title.title {
    padding-top: 15px;
    padding-bottom: 15px;
}
.product_list{ padding-top:1%}
.product_list img{width:100%; margin:0 auto;height:245px; background:#ffffff}
.product_list dl{ margin-right:0.5%; margin-left:0.5%;width: 24%; margin-bottom:1%}
.product_list dl:hover{ background:#0044a5}
.product_list dl:hover .pr_title{ color:#ffffff}
.product_list dl:hover .desc {
    color: #ffffff;}
.product_list dl dd a{ display:block}
.product_list dl dd a span{ display:block; background:#ffffff;}
.case-item a.pr_more{ color:#888}
.case-item a.pr_more:hover{ color:#0044a5}
.pr_more{border: 1px solid #888;
position: relative;
color: #888; border-radius:50px; padding:3px 20px; font-size:13px}
.case-item {
    float: left;
    width: 25%;
    border: 8px solid #fff;
    line-height: 2.2;
    background-color: #ffffff;
    text-align: center;
    margin-right: 20px;
	border: 1px solid rgba(230, 230, 230, 1);
     transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}

.case-item:hover{
 	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5; }
	
.case-item .icon{display: inline-block; background: #fff; border: 0px;width: 100%;height: 265px;overflow: hidden;}
.case-item .icon img{width: 100%;height: 100%}
.case-item .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.case-item p{font-size: 16px; padding-bottom:10px}
.product_list dl{  border:1px solid #dddddd; background:#f5f5f5;float: left; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.product_list dl:hover{	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5; }
.product_list dl dd{text-align:center}
.product_list dl{ position:relative}
.product_list dl dt{ background: url(../images/blue.png) repeat left center; line-height:45px; text-align:center; position:absolute; bottom:0;width: 94%;
left: 2%;
bottom: 2%;}
.product_list dl dt a{ color:#ffffff; font-size:16px;}
.product_item{ text-align:center}
.product_item a{ color:#f2f2f2; font-size:15px; line-height:22px; background:url(../images/pr_item.png) no-repeat 10% center; border-right:1px solid rgba(255,255,255,0.15); padding:0 10px; padding-right:15px;padding-left: 28px;width:141px; float:left; text-align:left}
.jcarousel-wrapper{width:100%; margin:0 auto; position:relative}
.pr{ padding-bottom:3%}
#content .pic_hover dl dt a{ font-size:14px;}
.contact_us_center{ font-size:16px;}
.contact_us_center p{font-size:16px; line-height:35px;}
.contact_item .name_left{ float:left; line-height:55px; margin-right:5px}
/*cases*/
.cases_content{
    width: 94%;
    margin: 0 auto;
}
.cases_title {
    padding-top: 15px;
    padding-bottom: 5px;
}
.cases_title h3 {
    font-size: 36px;
    color: #292828;
    text-align: center;
    line-height: 50px;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
	font-weight: bold;
}
.cases_title p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    text-align: center;
}


.cases_list{  width: 94%;
    margin: 0 auto; padding-top:2%; padding-bottom:2%;}
.cases_list dl{width:23%; margin-left:1%; margin-right:1%; float:left; margin-bottom:2%;
    line-height: 2.2;
    background-color: #ffffff;
    text-align: center;
    border: 1px solid rgba(230, 230, 230, 1);
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;

}
.cases_list dl:hover{	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5; }
.cases_list dl a:hover{ color:#195dbe}
.cases_list dt{ line-height:55px;}
.cases_list dt a{ line-height:35px; color:#181818; font-size:16px;}
.cases_list dl img{max-width:100%;height:265px;}
/*Albums*/
.Albums{ background:url(../images/album_bg.jpg) no-repeat center center;width:100%}
.Albums_title{font-size: 36px;
color: #ffffff;
text-align: center;
line-height: 50px;
letter-spacing: 2px;
margin: 0;
padding: 0; padding-top:2%; padding-bottom:2%}
.Albums_title b {
    display: inline-block;
    margin: 0 10px;
    color: #ffffff;
    font-size: 60px;
    line-height: 40px;
}
.Albums_title h3 {
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
}
.Albums_title p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
}
/* 滚动图片 */
.Albums_content{width:94%; margin:0 auto;}
.jcarousel_main a.bx-prev,.jcarousel_main a.bx-next{position:absolute;top:100px;display:block;width:77px;height:77px;z-index:999;}
.jcarousel_main a.bx-prev{left: -40px;background:url(../images/bra_lf_btn.jpg) no-repeat center center;}
.jcarousel_main a.bx-prev:hover{background:url(../images/bra_lf_btn_hover.png) no-repeat center center;}
.jcarousel_main a.bx-next{right:-40px;background:url(../images/bra_rt_btn.jpg) no-repeat center center}
.jcarousel_main a.bx-next:hover{background:url(../images/bra_rt_btn_hover.png) no-repeat center center;}		

.jcarousel2 a.bx-prev{left: -40px;background:rgba(84, 84, 84, 0.4) url(../images/news_l.png) no-repeat center center;}
.jcarousel2 a.bx-prev:hover{background:rgba(84, 84, 84, 0.4) url(../images/news_l.png) no-repeat center center;}
.jcarousel2 a.bx-next{right:-40px;background:rgba(84, 84, 84, 0.4) url(../images/news_r.png) no-repeat center center}
.jcarousel2 a.bx-next:hover{background:rgba(84, 84, 84, 0.4) url(../images/news_r.png) no-repeat center center;}	
.jcarousel2 a.bx-prev, .jcarousel2 a.bx-next {
    width: 27px; }
.jcarousel2 a.bx-prev{left:0;}
.jcarousel2 a.bx-next{right:0;}
.case-item a{ color:#181818}
.jcarousel2 dd img{width:100%}
.jcarousel2 li{ position:relative}
.jcarousel2 dt{display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 0 1.5rem;
line-height:35px;
font-size: 1.6rem;
color: #FFFFFF;
background-color: rgba(2, 86, 172, 0.5);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; color:#ffffff}
.jcarousel2 dt a{ color:#ffffff; font-size:14px;}
/*选择优势*/
.section_advantage{ overflow:hidden; padding: 3% 0;}
.advantage{background: #f5f5f5; padding-top:2%; padding-bottom:2%; margin-top:2%; margin-bottom:2%}
.advantage .ys_item{width:15%; margin-right:1%; margin-left:0.6%; float:left; border:1px solid #dddddd; padding:1%; background:#ffffff; }
.advantage .ys_item:hover{box-shadow:1px 1px 10px #888888;}
.advantage_center{width: 94%;margin: 0 auto;}
.advantage .ys_item .service{ text-align:center}
.ys_content h3{line-height:50px; }
.ys_content p{ color:#585858;font-size: 13px;}
.ys_content h3 a{ line-height:30px; color:#282828;font-size: 18px; font-weight:600}
.advantage_title{width:96%; margin:0 auto}
.advantage_title h3{font-size: 36px;
color: #111111;
text-align: center;
line-height: 50px;
letter-spacing: 2px;
margin: 0;
padding: 0;}
.advantage_title p {
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    text-align: center;
}
.advantage_main{  margin:0 auto; overflow:hidden; margin-top:2%; margin-bottom:2%;width: 94%;
margin: 0 auto;}
.youshi .index_ {
    padding: 0 0 2em;
}
.row {
    width: 100%;
	margin:0 auto;
}
.row::after,.row::before {
    clear: both;
    display: table;
    content: " ";
}
.full-row .row .span-3, .span-3 {
    float: left;
    margin-right: 1%; margin-left:1%;
    width: 23%;
    transition: .2s width ease;
}
.seg {
    padding: 5px !important;
    border: 1px solid #d5d5d5;
    margin-bottom: 15px;
	    text-align: center;
    padding-bottom: 30px;
	background: #f2f2f2;
}
.seg .segin {
    padding: 10%;
    border: 1px solid #d5d5d5;
	background: #fff;
}
.seg .icon {
    display: inline-block;
    background: #fff;
    width: 100px;
    height: 100px;
    position: relative;
    margin-bottom: 0px;
}
.seg .icon a {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto;
}
.seg .icon img {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.seg .icon a:hover img {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.seg h3 { font-size: 20px; padding: 5px 5px;  font-weight: bold; line-height:40px;}
.seg p { font-size: 14px; height: 100px;color: #585858; overflow:hidden}
.guanggao{ background:url(../images/guanggao_bg.jpg) no-repeat center center;height:auto;min-height: 380px;}
/*news*/
.news{
	padding-top:0%;
}
.title b{display: inline-block;
margin: 0 10px;
color: #0044a5;
font-size: 60px;
line-height: 40px;}
.news_title {
    padding-top: 15px;
    padding-bottom: 15px;
}
.news_content{margin:0 auto;width:94%; margin:0 auto}
.news_title{ width:94%; margin:0 auto;padding-top: 25px;
padding-bottom: 15px;}
.news_title h3 {
font-size: 36px;
color: #292828;
text-align: center;
line-height: 50px;
letter-spacing: 2px;
margin: 0;
padding: 0;
font-weight: bold;
}
.news_title p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    text-align: center;
}
.news_left{width:30%; margin-right:2%; float:left}
.news_center{width:63%; margin-right:1%; float:left}
.news_center .news_tt_title{ color:#0044a5; font-size:25px; letter-spacing:1px}
.news_center .news_tt_title a{color:#0044a5; line-height:45px; font-size:25px; color:#181818}
.news_tt_content{ font-size:16px; color:#585858; line-height:35px;}
.news_list{width:100%; background:#ffffff; padding-top:20px; padding-bottom:4%;}
.news_right{width:36%; float:right}
.news_right .bounceInRight{ float:left;width: 100%;}
.news_right ul{ float:left;width: 100%;}
.news_right ul li{ line-height:40px;border-bottom: 1px solid #e0e0e0; margin-bottom:15px }
.news_right ul li .title_new{ line-height:30px;}
.news_right ul li .new_content{ line-height:26px;font-size: 14px;
line-height: 24px;
display: block;
overflow: hidden;
color: #5c5c5c;}
.news_right ul li .new_content a{line-height:26px;font-size: 14px;
line-height: 23px;
display: block;
overflow: hidden;
color: #5c5c5c;}
.news_right ul li a{ color:#181818; font-size:16px; letter-spacing:0}
.news_right ul li a:hover{color: #0044a5;}
.news_right ul li .right{ float:right; width:auto;font-size:15px;}
.date_item { color:#999999; font-size:13px; background: url(../images/jiantou.jpg) no-repeat right center}
.news_more{ margin-top:15px;}
.news_more a{ border:1px solid #ccc; padding:10px 25px; color:#585858}
.news_more a:hover{ background:#0044a5; color:#ffffff; cursor:pointer}
.line_news{ background:#0044a5; height:2px;width:120px; float:left}
.item_title{ float:left; border-bottom:2px solid #0044a5;}
.learnmore{ float:right; font-size:18px; color:#080808; line-height:52px;}
.news_list dt h3{ margin-top:5px; margin-bottom:5px}
.news_list dt h3 a{font-size: 19px;color: #000; font-weight:normal; line-height:35px}
.news_list dt h3 a strong{font-weight:normal}
.news_list dd .thumb{width:100%; }
.news_list dd .thumb img{width:100%;height:300px;}
.news_list .dtl .date1 {
    font-size: 14px;
    color: #989898;
    line-height: 30px;
}
.news_list dl{ margin-bottom:2%;width: 48%; margin-left:1%; margin-right:1%;
float: left;}
.news_list dl dd h3{ font-size:19px; color:#333333; line-height:55px;padding: 0px 20px; }
.news_list dl dd .dtl{padding: 0 20px; padding-bottom:50px}
.news_list dl dd{ background:#f8f8f8}
.news_list dl dd h3 a{color:#333333;}
.news_list dl dd h3 a:hover{ color:#195dbe}
.news_list .dtl .desc {
    font-size: 15px;
    color: #484848;
    line-height: 28px;
}
.case_title .item_title{font-size: 30px;
color: #080808;
text-align: center;
line-height: 50px;}
.case_title { margin-bottom:1%}
.ifocus .mF_classicHC .txt li{background:#dedede}
.ifocus .mF_classicHC .txt li a{ line-height:26px;}
.case_shuo{ background:#0044a5; padding:20px; color:#fff; line-height:26px; font-size:14px;}
/*footer*/
.footer{
margin: 0 auto;
padding: 0px;
width: 100%;
background: url(../images/bottom_bg.jpg) no-repeat center center;}
.foot_left{float: left;width:70%;font-size:14px}
.foot_left dl p{ line-height:35px; color:#ffffff}
.foot_right{float:left;width:30%;}
.foot {
    width: 100%;
    height: auto;
    color: #333;
    text-align: left;
    overflow-x: hidden;
	padding-bottom:2em;
	padding-top:1em;
}
.foot{padding: 5% 0;}
.footlit{

    display: block;
    width: 0px;
    height: 250px;
    background: #aaa;
    float: left;
    margin: 0 4% 0;

}
.foot_box {
margin-right: auto;
margin-left: auto;
}
.foot_box dl {
width: auto;
float: left;
padding: 0 4%;
max-width: 38%;
}
.foot_box dl img{width:158px;height:158px;}
.foot_left dl p.bottom_us{ line-height:25px;}
.bottom_tel{ color:#fff;font-size: 16px;
line-height: 32px;
color: #ffffff; background:url(../images/bottom_tel.png) no-repeat left center; text-indent:30px}
.bottom_email{ font-size: 16px;line-height: 32px;color:#ffffff; background: url(../images/mail.png) no-repeat left center;text-indent:30px}
.bottom_address{ font-size: 16px;line-height: 32px;color:#ffffff; background: url(../images/address.png) no-repeat left center;text-indent:30px}
.bottom_contact a{font-size: 18px;
color: #e8e8e8;
line-height: 52px;}
.weixin{display: inline-block;
    text-align: center;
	float:left;
	margin-right:1%;
}
.weixin span{display: block;
font-size: 14px;
color: #d8d8d8;
line-height: 32px;
height: 32px;
overflow: hidden;
margin-bottom: 22px;}
.foot_box {width:94%; margin:0 auto}
.foot_box dl dd {
    padding-top: 11px;
}
.foot_box dl dd a {
	text-align:left;
    display: block;
    width: auto;
    font-size: 16px;
    color: #eeeeee;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
}
.foot_qr_codes {
    float: left;
    width:auto;
    text-align: center; padding-left:2%;
	width: 22%;
}
.foot_qr_codes {
    padding-top: 0px;
}
.foot_qr_codes span {
    display: block;
    color: #d8d8d8;
    line-height: 52px;
    height: 52px;
    overflow: hidden;
	font-size: 24px;
color: #e8e8e8;
line-height: 52px;
font-weight: bold;
margin-bottom: 10px;
}
.foot_box dl dt a {
    font-size: 24px;
    color: #e8e8e8;
    line-height: 52px;
	font-weight:bold;
}
.copyright {
    font-size: 14px;
    overflow: hidden; 
line-height: 58px;
text-align: center;
margin: 0 auto;
padding: 0px;
color:#fff;
border-top:1px solid rgba(255,255,255,0.3);
}
.copyright a{font-size: 14px;
color: #fff;display: inline-block; line-height:30px}
.copyright_center {
    margin: 0 auto;
}
.copyright .cnzz img{ margin-top:10px;}
.copyright span {
    display: inline-block;
    padding-right: 20px;
    color: #e8e8e8;
}
.copyright_right{width:30%; float:right; text-align:right;color: #999; line-height:40px}
.copyright_right a{ color: #e8e8e8;text-decoration:none}
.copyright_left{width:800px; float:left}

/*left*/
.left{font-size: 16px;}
.lefta{width:23%; float:left; margin-right:2%}
.righta{width:75%; float:left}
.topmenu{ padding-top:1%}
.topmenu li{width:160px;
padding-left: 1.5%;
padding-right: 1.5%;
display: inline-block;
line-height: 40px;}
.right{width:100%}
.topmenu{position: static;}
.topmenu::before, .topmenu::after {
    display: table;
    content: "";
    line-height: 0px;
}
#catalog {
    position: relative;
}
.topmenu li.on{color: #0044a5;}
.topmenu li:hover {color: #0044a5; }
.topmenu li:hover .left {
    line-height: 58px;}
.topmenu li:hover{color:#0044a5}
.topmenu li a:hover{color: #0044a5; display:block}
.topmenu li.on{color:#0044a5;}
.topmenu li a.on{color:#0044a5;}
.topmenu li:hover .topmenu a{color: #0044a5;}
.topmenu li a{ color:#181818; line-height:32px; display:block; font-size:15px; background:url(../images/dian.jpg) no-repeat left center; padding-left:10px}
#content{ font-size:16px; line-height:30px;}
#content .item_title {
    font-size: 32px;
    color: #080808;
    text-align: center;
    line-height: 50px;
border-bottom: 3px solid #0044a5;
margin:0 auto;float:none; }
.part_title{ text-align:center; float:none}
.part_title{ padding-top:1%; margin-bottom:2%}
/* 图文列表 */
.list-img-text,
.list-img-text-l{overflow: hidden;}
.list-img-text li{position: relative;float: left;width: 285px;height: 280px;margin: 0 20px 50px 0;overflow: hidden;}
.list-img-text li:before{position: absolute;top: 0;left: 0;content: "";width: 283px;height: 156px;overflow: hidden;border: 1px solid transparent;}
.list-img-text li img{display: block;width: 100%;height: 158px;-webkit-transition: all 3s;transition: all 3s;}
.list-img-text li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-img-text li .bottom{position: relative;height: 122px;background: #e6e6e6;}
.list-img-text li em{display: block;width: 16px;margin: 0 auto;padding-top: 20px;border-bottom: 1px solid #0044a5;}
.list-img-text li span{display: block;height: 20px;line-height: 20px;margin: 18px 20px 0;overflow: hidden;font-size: 14px;text-align: center;white-space: nowrap;text-overflow: ellipsis;}
.list-img-text li a{display: block;width: 74px;line-height: 24px;margin: 24px auto 0;background: #0044a5;border: 1px solid #0044a5;border-radius: 15px;font-size: 14px;color: #fff;text-align: center;letter-spacing: 1px;}
.list-img-text li:hover:before{border-color: #1948ab;}
.list-img-text li:hover .bottom{background: #0044a5;}
.list-img-text li:hover em{border-color: #fff;}
.list-img-text li:hover span{color: #fff;}
.list-img-text li:hover a{background: none;border-color: #fff;}

.list-img-text-l dd a{float: left;width: 260px;height: 308px; background:#fff; text-align:center;margin: 0 10px 10px 0; overflow: hidden;border: 1px solid #efefef;color: inherit; position:relative}
.list-img-text-l dd a img{display: block;width: auto;max-height: 255px;-webkit-transition: all 3s;transition: all 3s;padding:2%; margin:0 auto;}
.list-img-text-l dd a img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-img-text-l dd a .info{position: absolute;height: 55px; line-height:55px; font-size:14px; bottom:0;background: #0044a5; color:#fff;font-size: 14px; text-align:center;width: 100%;}
.list-img-text-l dd a .info span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px;}
.list-img-text-l dd a .info em{display: block;line-height: 20px;margin-top: 8px;}
.list-img-text-l dd a .info em:before{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 6px;vertical-align: middle;background-position: -215px -16px;}
.list-img-text-l dd a:hover{border-color: #0044a5;}
.list-img-text-l dd a:hover .info{background: #0044a5;}
.list-img-text-l dd a:hover .info span,
.list-img-text-l dd a:hover .info em{color: #fff;}
.list-img-text-l dd a:hover .info em:before{background-position: -267px -16px;}
.list-img-text-l dt{ padding-bottom:10px; text-align:center}
.list-img-text-l dt a{ color:#333333}
.list-img-text-l dt a:hover{ color:#0044a5}
.es-grouped{bottom: -60px;}
.es-grouped a{width: 8px;height: 8px;margin: 0 4px;background-position: -21px -21px;cursor: pointer;}
.es-grouped a.active{background-position: -73px -21px;}
.contact_us img{width: auto;}
.part1_title .item_title{ margin-bottom:2%}
.part1_content{ padding-right:1%; line-height:35px;}
.part1_content img{ float:left; margin-right:2%;width:35%}
.part1_content h3{ line-height:40px; font-size:28px; color:#383838}
.learn_more{ color:#0044a5}
.part1{ margin-bottom:2%;}
.part2{ background:#f0f0f0; padding-top:1%; padding-bottom:2%}
.part2 embed{ max-width:100%}
.part_center{width:94%; margin:0 auto}
.part3{ background:url(../images/wh_bg.jpg) no-repeat left center; padding-top:1%; padding-bottom:8%;}
.part3_left{width:100%; float:left; margin-right:2%}
.part3_right{width:48%; float:left;}
.part3_right img{ max-width:100%; margin-bottom:2%}
.part3_left h3{ font-size:24px; color:#222222}
.part3_left p{ font-size:16px; color:#080808}
.part3_title {
    padding-top: 1%;
    margin-bottom: 3%;

}
.part4_center{ text-align:center}
.part5{background: #f0f0f0;
padding-top: 1%;
padding-bottom: 2%;}
.about{ padding-bottom:5%}
.floatright{ float:right;
margin-top: 3%;
margin-bottom: 3%;}
/*honor*/
.honor{ background: url(../images/ab_bg.jpg) no-repeat center center}
.honor_title{ padding-top:20px; padding-bottom:20px;}
.honor_title h3{    font-size: 36px;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    font-weight: bold;
	padding-top: 25px;
padding-bottom: 15px;
}
.honor_title p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
}
.honor_list { text-align:center}
.honor_list img{ margin:0 auto; max-width:100%}
/*news*/
.news_lists dl{ margin-bottom:2%}
.news_lists dl .thumb{width:25%; float:left; margin-right:2%}
.news_lists dl .thumb img{width:100%;height:160px;}
.news_lists dt h3 a{ color:#080808; font-size:22px;}
.news_centerlist{ margin-top:2.5%; border-top:1px solid #ddd; padding-top:1%}
.news_text{ margin-top:2%; border-bottom:1px dashed #e0e0e0; padding-bottom:1%}
.news_text p{ color:#585858; line-height:35px;}
.news_text p a{color: #000000;}
.news_text p a:hover{ color:#0044a5}
.news_text span.date{ float:right; font-size:14px;}
.news_text h5 a{color:#080808; font-size:18px; font-weight:600}
.pages{ float:right; padding-top:10px;}
.pages a{ color:#080808}
.pages strong{ color:#c50000}
.view_n{ text-align:right; float:right;}
.wz_title h3{ color:#080808; font-size:22px; text-align:center }
.wz_title { padding-top:2%; padding-bottom:1%}
.contentinfo{ text-align:center; color:#999; margin-bottom:3%; font-size:15px}
/*product*/
.productul.pr_item{ margin-top:2%; margin-bottom:2%}
.productul.pr_item li{width:31%; float:left;padding: 1px;
box-shadow: 0 0 10px #c5c7cc; margin-right:1%; margin-left:1% ;margin-bottom:2%; position:relative; overflow:hidden}
.productul.pr_item li .pic img{ width:100%; max-height:250px;}
.pic_info {
    padding: 15px 20px 20px;
    position: relative;
	background:#f0f0f0;
}
.pic_info H3{ padding:0; margin:0; text-align:center; color:#080808; font-size:18px;}
.pic_info a {
    color: #4A4A4A;
    text-align: center;
    font-size: 15px;
}
.productul li:hover .pic_hover {
    bottom: 0;
}
.productul li .pic_hover dt{ text-align:center}
.productul li .pic_hover dt a{ line-height:35px; color:#fff;font-size: 18px;
    font-weight: normal;
}
.pic_hover {
    padding: 35px 20px 18px;
    position: absolute;
    background: #0044a5;
    color: #fff;
    bottom: -100%;
    left: 0;
    right: 0;
    z-index: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;

}
.productul li{width:22.8%; margin-left:1%; margin-right:1%; margin-bottom:2%; border:1px solid #ddd; float:left;height:auto; padding-bottom: 2%;}
.pr_contentlist{margin-top: 2%;margin-bottom: 2%;}
.show_pr .picbox img{width:100%;height:245px;}
.show_pr .picbox span{ display:block; text-align:center}
.show_pr .img-wrap_main p a{line-height:45px;font-size:14px; color:#080808; text-align:center}
.topmenu .submenu{width: 100%;
background: #023459;
position: absolute;
left: 0;
top: 62px;
transition: 650ms;
box-sizing: border-box;}
.topmenu .submenu li{float: left;
margin-right: 3px;
height: 28px;
line-height:28px;
margin-top: 5px; padding:0}
.topmenu .submenu li a{display: inline-block;
padding: 2px 11px 0px;
line-height: normal;
font-size: 14px;
position: relative;
overflow: hidden;
height: 26px; color:#fff}
.submenu i{width: 12px;
height: 6px;
background: url(../images/top.png) center no-repeat;
position: absolute;
left: 50%;
margin-left: -6px;
bottom: -24px;
z-index: 5;
transition: 650ms; display:none}
.ifocus{ max-width:100%; overflow:hidden}
.mF_YSlider-myFocus{ max-width:100%; margin:0 auto}
.newsul{ margin-bottom:2%;margin-top:4%}
.product_pr3list{ padding-top:2%}
.pr3_title{width:100%; margin-bottom:1%; border-bottom:1px solid #ddd}
.pr3_title a{width:auto; padding-left:2%; padding-right:2%; padding-top:5px; padding-bottom:5px; background:#0044a5; color:#fff}
.year_list{ margin-bottom:3%}
.year_list .date{ float:right; font-size:14px; color:#585858}
.pr3_title a.more{ float:right; padding:0; background:none; color:#0044a5; font-size:14px;}
.year_list .pr_name{ background:url(../images/contact_right.png) no-repeat left center; padding-left:20px; border-bottom:1px dashed #e0e0e0}
.year_list .pr_name a{ font-size:15px;}
#page a:active{ color:#0044a5} 
#page a:hover{ color:#0044a5} 
#page a:link{ color:#0044a5} 
#page a:visited{color:#080808}
.pr_item .pic_info h3{ font-size:15px; font-weight:600}
.title20{ padding-top:15px; padding-bottom:15px;}
.mianbao{ width:auto; float:right;background:url(../images/titleimg.png) no-repeat left center; padding-left:25px;}
.mianbao a{ font-size:14px; color:#282828; line-height:30px; }
/*产品详细页 -产品展示*/
/**/

.product_item li{ width:29%; float:left; border-right:1px solid #ddd;padding: 0 2% 0; margin-bottom:3%; text-align:center; min-height:350px}
.product_item img{width:82%; margin:0 auto}
.product_item .list_cp_info_1{ color:#0c459b; font-weight:600; font-size:15px}
.product_item .descript{ font-size:13px}
.zi_list{ width:100%}

.product_h1{font-size:1.6em;   padding:1% 0 2% 1%;line-height:182%; background:#f2f2f2; margin-top:10px}
.product_info{ width:100%; float:left; margin-right:10px; padding-top:0px;overflow:hidden}
.product_info h1{}
.product_info table{  width:100%; padding:10px 0; margin:10px 0;}
.product_info table th{ text-align:right; padding:7px 5px; width:80px; font-weight:normal; font-size:13px;}
.product_info table td{ padding:5px;  font-size:12px; background:none;}
.product_info table tr{}
.product_info strong{ font-size:30px;}
#dialog_link,.product_info .goshop{
float:left; 
	background-color: #F06309;
	color: #FFF;
	font-size: 1.0em;
	padding: 8px 0px;
	margin: 10px;
	display: block;
	width: 110px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;

	
}
.product_info .goshop:hover{ background-color:#FF4A00;}

#dialog_link {margin-left:20px;background:#236298;}
#dialog_link:hover {background:#2065C4;}

.product_img {width:100%; float:left; overflow:hidden;text-align:center; padding-top:0px;}
.product_img .bd{position:relative;width:510px;min-height:300px;overflow:hidden; margin-bottom:5px;text-align:center;max-width: 100%;
height: auto;}
.product_img .showDiv {position:relative;width:510px;height:500px; overflow:hidden;max-width: 100%;
height: auto;}
.product_img .showDiv img {width:100%;max-width:510px;
 width:expression(document.body.clientWidth>510?"510px":"auto");
 max-height:500px;
height:expression(document.body.clientHeight>500?"500px":"auto");
margin:0 auto;
 }
.bd{ margin:0 auto}
.product_img{ text-align:center}
.product_img .hd ul a:hover img, .product_img .hd ul .on img{border-color:#E93B09;}

.pr_name{
    font-size: 36px;
    color: #404040;
    border-bottom: #727272 3px solid;
    line-height: 50px;
    font-weight: normal;
    margin: 0;
}
#pro_baseinfo{ padding-top:5%}
#pro_baseinfo strong{font-size: 18px; font-weight:normal}
#pro_baseinfo li img{ vertical-align:middle}
.pr_name b{ font-size:16px;}
.pr_content_nei{font-size:16px;background-color: #ffffff;padding: 10px 15px;margin-top: 15px; color:#858585}
.pr_content b{font-size:16px}
.contact_list{font-size:16px; padding-top:10px; padding-bottom:10px}
.map_main{ border:1px solid #ddd}
.PicAuto{ height: -moz-calc(width);
    height: -webkit-calc(width);
   height: calc(width);)}
.show_pr{ height: -moz-calc(width);
    height: -webkit-calc(width);
   height: calc(width);)}
.line {
    height: 10px;
    overflow: hidden;
    background: url(images/line_bg.jpg) repeat-x left top;
	display:none;
}

.pr_nei_center .fadeInRight {

    width: 55%;
    float: right;

}
.pr_nei_center .fadeInLeft {

    float: left;
    width: 36%;
    padding-top: 30px;
    margin-right: 5%;

}
.Descript h5 strong {

    background-color: #0044a5;
    padding: 10px 35px;
    line-height: 40px;
    position: relative;
	color:#fff;

}
.Descript h5{ border-bottom:1px solid #ddd}
.foot_mp{color: #ffffff; background:#0044a5; display:none}
.foot_mp b{ font-size:14px;}
.year_list .pr_name a{ color:#404040}
.blank30{height:30px}
.box2{width:94%; margin:0 auto}
.lefta .topmenu{ background:#f3f3f3}
.lefta ul li{width:100%}
.lefta ul li:hover {
    color: #0044a5;
    border-bottom:none;
	 background:#dfdfdf;
}
.lefta ul li:hover .lefta ul li a{color: #0044a5;}
.lefta ul li a:hover{color: #0044a5;}
.lefta ul li a{ font-size:18px; display:block}
.blank20{height:20px;}

.lefta .topmenu {
    padding-left: 0;}
	
.righta .mianbao {
    width: auto;
    float: right;
    padding-left: 25px;
}
.lanmu{ font-size:22px; border-left:3px solid #0044a5; padding-left:20px; padding-right:20px;}
.righta .news_centerlist { border-top: 3px solid #ddd;}
.news_text .img-wrap{padding: 0;
margin: 0;
    margin-right: 0px;
margin-right: 10px;
width: 200px;
height: 113px;
float:left;
overflow: hidden;}
.news_text .img-wrap img{max-width:100%}
.leftatitle{ padding-top:5%;border-bottom: 3px solid #ddd; line-height:50px;}
.leftatitle a{font-size: 22px;
border-left: 3px solid #0044a5;
padding-left: 20px;
padding-right: 20px;}
.leftcontact_list{ line-height:25px; font-size:15px; padding-top:15px; padding-bottom:15px;}
.weixin{ background:#f3f3f3; text-align:center; width:100%; padding-top:15px; padding-bottom:15px;}
#dituContent {
    min-height: 300px;
}
.pr_title{ text-align:center; border-top:1px solid #dddddd}
.pr_title a{ background:#fff; padding-left:20px; padding-right:20px; width:auto; line-height:100px; font-size:30px; color:#181818; font-weight: normal;}
.desc {
    color: #5d5d5d;
    font-size: 14px;
	text-align:left;
}
#content.contact_us img{ max-width:auto}
.contact_us_list{width:94%; margin:0 auto}
.contact_us{width:94%; margin:0 auto}
.contact_us_left{width:35%; margin-right:2%; float:left; padding-top:2%}
.contact_us_left h3 {
    padding-top: 3%;
    padding-bottom: 3%;
}
.contact_us_left dl{ padding-top:5%; padding-bottom:5%}
.contact_us_left img{ max-width:100%}
.contact_us_right{width:61%; float:left; padding-top:2%; font-size:23px; line-height:45px;}
.xuqiu_list{ padding-top:2%; padding-bottom:2%; color:#ffffff; font-size:16px;}
.xuqiu_list a{color:#ffffff}
.links_content{    width: 94%;
    margin: 0 auto;
}
.links_content .links_title{font-size: 26px;
color: #080808;
text-align: left;
line-height: 50px;
margin: 0;
padding: 0;color:#0044a5}
.links_content .links_title a{color:#0044a5; font-size:20px;}
.links_content a{ line-height:28px; color:#282828; font-size:15px; padding-left:5px; padding-right:5px;}
.links{ padding-bottom:1%}
.pr_nei_center{ margin-bottom:2%}
.contact-card{ padding:2%; background:#f7f7f7}
.product_list dl dd a .pr_title {
    text-align: left;
    display: block;
    font-size: 16px;
    color: #181818;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: normal;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
	line-height: 40px;
}
.product_list .learnmore {
    color: #0044a5;
    padding-left: 10px;
    margin: 0px;
    margin-bottom: 20px;
	font-size: 14px;
	float:left;
	 margin-left:20px;
	 border: 1px solid #0044a5;
	 background:#ffffff url(../images/learnmore.png) no-repeat 90px center;
border-radius: 30px;
padding-left: 25px;
padding-right: 30px;
line-height: 30px;
margin-top:10px;
margin-bottom:30px;

}
.img-wrap span {
    display: block;
    background: #ffffff;
    box-shadow: 1px 1px 5px #dddddd;
}
.img-wrap  img {
    max-width: 100%;
    margin: 0 auto;
    height: 245px;
    background: #ffffff;
}
.img-wrap  .pr_title {
    text-align: left;
    display: block;
    font-size: 18px;
    color: #181818;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 40px;
}
.img-wrap .desc {
    padding-left: 20px;
    padding-right: 20px;
    color: #5d5d5d;
    font-size: 14px;
    text-align: left;
	line-height: 22px;
}
.img-wrap .learnmore{color: #0044a5;
padding-left: 10px;
margin: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
margin-bottom: 20px;
font-size: 14px;
float: left;
margin-left: 20px;
border: 1px solid #0044a5;
background: #ffffff url(../images/learnmore.png) no-repeat 90px center;
border-radius: 30px;
padding-left: 25px;
padding-right: 30px;
line-height: 30px;
margin-top: 10px;
margin-bottom: 30px;}
.contact_content h3{ padding-top:3%; padding-bottom:3%;}
.contact_sub .btn-primary{width: auto;
height: 50px;
border: none;
padding: 2% 8%;
background-color: #BB0321;
color: #ffffff;
text-transform: uppercase;
font-weight: 700; font-size:16px; margin:0 auto}
.contact_sub{ text-align:center}
.contact_us_left dl p{color: #282828;}
.contact_us_left dl .bottom_tel{background:url(../images/contact_tel.png) no-repeat left center; }
.contact_us_left dl .bottom_email{ background: url(../images/contact_mail.png) no-repeat left center;}
.contact_us_left dl .bottom_address{ background: url(../images/contact_address.png) no-repeat left center;}
.parnter_content{width:94%; margin:0 auto}

/*swiper*/
.swiper-container-1 .slide-item-text h2{font-size: 60px;
line-height: 1;
font-weight: 700;
text-transform: capitalize;
color: #ffffff;
margin-bottom: 30px;
display: inline-block;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
text-shadow: 1px 1px 1px #333;}
.swiper-container-1 .swiper-slide-active .slide-item-text p {
font-size: 22px;
color: #ffffff;
margin-bottom: 40px;
letter-spacing: 1px;
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
text-shadow: 1px 1px 1px #333;
}
.swiper-container-1 .slide-item-text a.slide-btn{color: #ffffff;
cursor: pointer;
font-size: 16px;
line-height: 15px;
margin-left: 10px;
text-align: center;
padding: 17px 30px;
white-space: nowrap;
letter-spacing: 1px;
background: #0044a5;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
border: none;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}
.slide-item-text{margin: 0 auto;
position: absolute;
text-align: center;
width: 100%;
height: 100%;
z-index: 999999;
top: 0;
background: rgba(0,0,0,0.3);}
.visual-slide .swiper-container-1 .slide-item-text p{ font-weight:500}
.visual-slide .text-left{ text-align:center;color: #ffffff; font-size:22px}
.visual-slide .swiper-container-1 .slide-item-text a.slide-btn{ background:#0044a5; font-size:16px;}
.container{ margin:auto}
.visual-slide .swiper-container-1 .slide-item img{
height: auto;
max-width: 1920px;
max-height: 100%;
margin: 0px auto;width:auto}
.visual-slide .swiper-container-1 .slide-item{ text-align:center}
.visual-slide .swiper-pagination-1 .swiper-pagination-bullet-active{background: #0044a5; border-radius:50px;}
.visual-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ border-radius:50px;}
.visual-slide .swiper-pagination-bullet{width:12px;height:12px;}
.visual-slide  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:50px}
.visual-slide  .swiper-button-next,.visual-slide .swiper-button-prev{width:0px;height:0px;}
.visual-slide .swiper-button-next{right:60px;}
.visual-slide .swiper-button-prev{left:0}
.marking{background:url(../images/about_icon.jpg) no-repeat bottom center;}
.marking_main{ padding-top:55px; padding-bottom:85px; text-align:center}
.marking_main h3{ font-size:40px; color:#ffffff; line-height:35px; font-weight:bold; padding:40px 10px;}
.contact a{ color:#ffffff; background:#195dbe; padding:10px 50px; font-size:18px;}